﻿/* Algemene dingen */
body {
    font: 1em Calibri, Tahoma, sans-serif;
    background: #efefef;
}
a:link {
    font-weight: bold;
    color: #FFF;
}

/* Box */
div#wrap {
    background: #FFFFFF;
    width: 70%;
    min-width: 700px;
    margin: 0 auto 0 auto;
    border: 3px #E3027F solid;
}

/* Header bevat: h1 (niet weergeven), logo image, loginarea */
div#header {
    min-height: 96px;
    background: #FFF;
    color: #E3027F;
    padding: 5px;
}
div#header img { margin-left: 25%; }
div#header a { color: #E3027F; }
/* h1 = Titel van de website, niet weergeven */
h1 {
    display: none;
}
/* Logo image */
img#logo {
    float: left;
    width: 429px;
    height: 96px;
}
div#loginarea {
    float: right;
    font-size: 15px;
    margin: 2px 5px 0 0;
}
.loginBox{
width: 270px;
}
div#loginarea span { float: right; }
/* Navigation menu */
div#navMenu li {
    padding-left: 5px;
    padding-right: 5px;
}
div#navMenu a {
    display: inline-block;
    background: #E3027F;
    color: #FFF;
    border: 1px #E3027F solid;
}
div#navMenu a:hover {
    background: #FFF;
    color: #E3027F;
    border-bottom: none;
}
/* Content area */
div#content {
    border-top: 3px #E3027F solid;
    padding: 10px;
    min-height: 300px;
    background: #E3027F;
    color: #FFF;
}
/* Footer staat onder de div#wrap */
p#footer {
    text-align: center;
    font-size: 0.7em;
}

/* Login.aspx */
table#cphContent_LoginForm input {
	
    float: right;
    background: #FFF;
    color: #E3027F;
    border: 2px #FFF solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
}

/* ReisOverzicht.aspx */
div#reisOverzichtSide {
    float: right;
    width: 20%;
}
div.reis {
    background: #FFF;
    color: #E3027F;
    display: inline-block;
    margin: 10px;
    padding: 10px;
    border: 3px #FFF solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
div.reis img {
    float: left;
    height: 150px;
    width: 150px;
    margin-right: 15px;
    background: url(../img/reizen/default.jpg) no-repeat center center;
    border: 2px #E3027F solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
h3.reisnaam {
    display: inline;
}
div.reisOmschrijving {
    min-width: 300px;
}
/* Eigenschappen alle knoppen */
a.btnKoopReis, a.btnAnnuleer, input.btnBevestigBoeking, input.btnBevestigAnnulering, input.btnWijzigingenOpslaan {
	padding: 2px;
	background: #000;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	border: 2px #000 solid;
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
a.btnKoopReis:hover, a.btnAnnuleer:hover, input.btnBevestigBoeking:hover, input.btnBevestigAnnulering:hover, input.btnWijzigingenOpslaan:hover {
	background: #4A4A4A;
	border: 2px #4A4A4A solid;
}

/* Knoppen als <a> */

a.btnKoopReis, a.btnAnnuleer {
	float: right;
  display: inline-block;
}

a.btnKoopReis { margin-top: 20px; }
a.btnAnnuleer { margin-top: 0.4em; }

/* Knoppen als <input> */
input.btnBevestigBoeking, input.btnBevestigAnnulering {
	display: block;
  margin-top: 0.4em;
}

/* Boekingsoverzicht.aspx */
ul#boekingsoverzicht {
	margin: 0;
	padding: 0;
	list-style: none;
}
li.boeking {
	margin: 10px;
	padding: 5px;
  border: 1px #FFF dashed;
  background: #FD269C;
}

/* Registreer.aspx */
div#cphContent_regForm {
    width: 550px;
}
span.regFormLabel {
    margin-top: 3px;
    width: 200px;
    display: inline-block;
    font-size: 0.8em;
}
div#cphContent_regForm input {
    margin: 2px;
    display: inline-block;
}
div#wachtwoordInfo {
    margin-left: 206px;
    font-size: 0.8em;
}
/* inputs met specifieke opties */
input#cphContent_txtVoornaam { width: 80px; }
input#cphContent_txtTussenvoegsel { width: 50px; }
input#cphContent_txtAchternaam { width: 120px; }
input#cphContent_txtStraatnaam { width: 205px; }
input#cphContent_txtHuisnummer { width: 30px; }
input#cphContent_txtHuisnummertoevoeging { width: 15px; }
input#cphContent_txtPostcode { width: 50px; }
input#cphContent_txtWoonplaats, input#cphContent_txtLand, input#cphContent_txtTelefoon, input#cphContent_txtGebruikersnaam, input#cphContent_txtWachtwoord, input#cphContent_txtBevestigWachtwoord, input#cphContent_txtHuidigWachtwoord, input#cphContent_txtNieuwWachtwoord, input#cphContent_txtBevestigWachtwoord { width: 185px; }
input#cphContent_btnRegistreer, input#btnWijzigWachtwoord { width: 192px; }
select#cphContent_ddlLand { width: 191px; margin-left: 2px; }
span#cphContent_lblSterIsVerplicht { margin-top: 20px; }

/* validaties */
.validationError {
  display: block;
  color: #000;
  font-style: italic;
}
input.validationError {
  background-color: #FCCCCC;
  color: #FF0000;
  border: 1px solid #F00;
}

 /* Messageboxes */
span.message_success, span.message_error, span.message_alert {
  display: inline-block;
  min-height: 68px;
  margin: 5px;
  padding: 10px 10px 10px 70px;
  font-weight: bold;
  background-position: left;
  background-repeat: no-repeat;
  border: 2px #FFF solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; 
 }
 span.message_success {
  background-color: #0EE302;
  background-image: url('../img/icon_succes.png');
}
span.message_error {
  background-color: #E3020E;
  background-image: url('../img/icon_error.png');
}
span.message_alert {
  background-color: #E36802;
  background-image: url('../img/icon_alert.png');
}